@charset "utf-8";
	body {
	-webkit-user-select:none;
	-moz-user-select: none;
	font-family: Verdana, Arial, "微软雅黑", "Microsoft YaHei", Helvetica, sans-serif;
	font-size: 12px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	background-color: #f2f2f2;
	background-position: 0;
	color: #666666;
	background: #f5f5f5;
	
	
	}
	body,html{
	height: 100%;
	width: 100%;
	}
	iframe {
		border:none;
		margin: 0px;
		padding: 0px;
	}

body,div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th, 
td {
	padding: 0;
	margin: 0;
}
body,
button,
input,
textarea {
	font: 12px/1.5 Tahoma,Helvetica,Arial,'Microsoft YaHei',sans-serif;
}
ol,
ul {
	list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
}
fieldset,
img {
	border: 0;
	vertical-align: top;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.pr{
    position: relative;
}
button,
input,
textarea {
	vertical-align: middle;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	text-decoration: none;
	cursor: pointer;
	color: #7f7f7f;
}
/**搜索*************************************************************/
#searchbox{
    height: 38px;
    width: 720px;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
    top: 40px;
    left:50%;
    margin-left: -400px;
    position: absolute;
    z-index: 9;
    padding-left: 89px;
}
div.search {
	margin: 0px;
	padding: 0px;
	
	height: 34px;
	width: 630px;
    background: #fff;
	border: 1px solid #b4b4b4;
	-webkit-box-shadow: 0 0px 18px rgba(0,0,0,.1);
	box-shadow: 0 0px 18px rgba(0,0,0,.1);
}

div.search .button{
	background-image: url(../images/bg.png);
	background-position: -6px -2px;
	padding: 0px;
	float: right;
	height: 34px;
	width: 69px;
	margin: 0px 0px 0px 0px;
	cursor: pointer;
	display:block;
	border:0;
}

div.search div.input{
	padding: 0px;
	float: left;
	height: 32px;
	width: 420px;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0px 0px 0px 7px;
}
div.search div.input input{
	font-family: Verdana, Arial, "微软雅黑", "Microsoft YaHei", Helvetica, sans-serif;
	font-size:16px;
	color:#bbb;
	background:transparent;
	height:32px;
	width:420px;
	border:1px solid #FFF;
	outline:none;
	padding: 0px;
	margin: 0px;
}
div.search div.input input:focus{color:#000;}

.soicon{
	background-image: url(../images/bg.png);
	background-repeat: no-repeat;
	padding: 0px;
	float: left;
	height: 35px;
	width: 97px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.google {background-position: -412px -18px;}
.baidu {background-position: -300px -18px;}
.sogou {background-position: -408px -70px;}
.so360 {background-position: -300px -120px;}
div.search div.v:hover{
	background-position: -20px -269px;
}
div.search .button:hover{
	background-position: -6px -39px;
	cursor: pointer;
}
div.search .button:active{
	background-position: -6px -76px;
	cursor: pointer;
}

.sotype {
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
    line-height: 34px;
    font-weight: bold;
    color: #999;
    height: 35px;
    width: 120px;
    float: left;
    text-align: center;
    
	position:relative;
    
}
.sotype .arrowv{
	position:absolute;
	cursor:pointer;
	right:5px;
	width:25px;
	height:35px;
	background-image: url(../images/bg.png);
    background-position: -90px -153px;
}

div.search div.button_focus{
	background-position: -215px -202px;
}
div.search div.button_focus:hover{
	background-position: -215px -172px;
	cursor: pointer;
}
div.search div.button_focus:active{
	background-position: -215px -142px;
	cursor: pointer;
}
div.search_focus {
	border: 1px solid #ee6612;
	-webkit-box-shadow: 0 0px 6px rgba(238,102,18,.5);
	box-shadow: 0 0px 6px rgba(238,102,18,.5);
}
div.sotypelist_focus {
	border: 1px solid #ee6612;
	-webkit-box-shadow: 0px 5px 20px rgba(238,102,18,.1);
	box-shadow: 0px 5px 20px rgba(238,102,18,.1);
}
ul.sotypelist {
    top: 35px;
	width:110px;
    background: white;
    border: 1px solid #B4B4B4;
    -webkit-box-sizing: border-box;
    z-index: 20;
    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
    position: absolute;
}
ul.sotypelist .a {
	background-image: url(../images/bg.png);
	background-repeat: no-repeat;
	background-position: -64px -130px;
	height: 7px;
	width: 11px;
	margin-top: -7px;
	margin-left: 30px;
	position: absolute;
}
ul.sotypelist .soicon{
	
}
ul.sotypelist li{
	height: 35px;
	width: 108px;
	background-color: #FFF;
	line-height: 25px;
	cursor: pointer;
	color: #999;
	float: left;
	border-bottom: 1px solid #F6F6F6;
}

ul.sotypelist li.current{
	background-color: #EDEEEE;
	border-bottom: 1px solid #EDEEEE;
}

ul.sotypelist li:hover{
	background-color: #F6F6F6;
	color:#fff;
	border-bottom: 1px solid #F6F6F6;
}
/*搜索提示**/
ul.autocomplete {
	height: auto;
	width: 563px;
	background-color: #FFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	z-index: 20;
	/*-webkit-box-shadow: 0px 5px 12px rgba(238,102,18, 0.8);*/
	position: absolute;
	margin: -1px 0px 0px 0px;
	
	border: 1px solid #b4b4b4;
	-webkit-box-shadow: 0 0px 18px rgba(0,0,0,.1);
	box-shadow: 0 0px 18px rgba(0,0,0,.1);
}
ul.autocomplete li{
	height: 28px;
	line-height:28px;
	width: 100%;
	background-color: #FFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	cursor: pointer;
	color: #000;
	float: left;
	margin: 0px;
	font-size: 16px;
	cursor: pointer;
	padding: 0px 6px 0px 113px;
}
ul.autocomplete li:hover{
	background-color: #EBEBEB;
	color: #333;
}
/*热词*/
.hotkeylink {
    height: 16px;
    width: 530px;
    padding-left: 20px;
    color: #888;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    position: absolute;
    top:46px;
    left:58px;
}
.hotkeylink a:link,.hotkeylink a:visited{
	margin-right:16px;
    color: #999;
    text-decoration: none;
}
.hotkeylink a:hover{
	text-decoration:underline;
	color: #e08600;
}
/**搜索 END*********************************************************************/

/**底部分类*********************************************************************/
.ftbox{
	text-align: center;
	position: absolute;
	bottom: 50px;
	line-height: 26px;
	height: 34px;
	width: auto;
	white-space: nowrap;
	list-style-type: none;
	z-index: 32;
	opacity:0.85;
	background:#fff;
    -webkit-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.2);
 	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2) ;

}
.ftbox .st{
	height: 30px;
	width: 100px;
	min-width:85px;
	cursor: default;
	position: relative;
    float: left;
	font-size: 15px;
	font-family: Verdana, Arial, "微软雅黑", "Microsoft YaHei", Helvetica, sans-serif;
	cursor:pointer;
	background: rgba(240,240,240,0.8);
	line-height: 26px;
	text-overflow:ellipsis;
	white-space:nowrap;
	-webkit-transition: background-color 0.2s ease;
	-moz-transition: background-color 0.2s ease;
	padding: 4px 0px 0px 0px;

}
.ftbox .st1{
	
	text-align: center;
	color: #666;
	opacity: 0.75;
	background: rgba(240,240,240,0.8);
	background:  url(../images/line.png) no-repeat right -4px;
}
.ftbox .st2{
	background: #FDFDFD url(../images/line.png) no-repeat right -4px;
	text-align: center;
	color: #00A0E9;
	padding-top: 4px;
	height: 27px;
	border-bottom: 3px solid #7ECEF5;
}
.ftbox .st3{
    text-align: center;
    font-weight: bold;
    color: #9699AC;
    line-height: 20px;
    font-size: 30px;
    width: 100px;
    background: #fff;
}
.ftbox_a{
	background-image: url(../images/bg.png);
}
.st2 .ftbox_a{
	background-position: -99px -128px;
	width:18px;
	height:10px;
	position: absolute;
	top:-10px;
	left: 50%;
	margin-left: -9px;
}

.st2:hover .ftbox_a{
	background-position: -118px -128px;
}
.ftbox .st input{
	font-family: Verdana, Arial, "微软雅黑", "Microsoft YaHei", Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #555;
	height: 23px;
	width: 60px;
	text-align: center;
	padding: 0px;
	outline: none;
	border: 1px solid #CCC;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin: 0px;
}
.ftbox .menu-tip{
    width:10px;
    height:8px;
    background: url("../images/bg.png") no-repeat -150px -136px;
    position: absolute;
    top:4px;
    left:4px;
    z-index: 6;
    display: none;
}

.ftbox .st:hover{
	background-color: #eaeaea;
}
.ftbox .st:hover .menu-tip{
    display: block;
    background-position: -150px -136px;
}
.ftbox .st:active{
	color: #00A0E9;
	background-color: #eaeaea;
}

/***底部分类 END****************************************************************/
/***左右翻页按钮****************************************************************/
.boxPageBtn {
	 top: 15%;
	width: 70px;
	position: absolute;
	z-index: 19;
	display: none;
	cursor:pointer;
   
	-webkit-background-origin:content;
	
}
.pageleft {
	-webkit-border-radius:0px 6px 6px 0px;
}
.pageright{
	-webkit-border-radius:6px 0px 0px 6px;
}
.pageleft:hover ,.pageright:hover{
}
.pageleft .l_pic,.pageright .r_pic{
	background-image: url(../images/leftright.png);
	width:25px;
	height:45px;
	margin: 0 auto;
	position: relative;
	top: 50%;
	margin-top: -22px;
	-webkit-background-origin:content;
	-moz-background-origin:content;
}
.pageleft .l_pic{
	background-position: -50px center;
}
.pageleft .r_pic{
	background-position: 0px center;
}
.pageleft:hover .l_pic {
	background-position: -75px center;
}
.pageright:hover .r_pic{
	background-position: -25px center;
}
/***左右翻页 END****************************************************************************/
/***主体****************************************************************************/
#boxlist {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 10;
	overflow: hidden;
}
    .dimensions {
      position: absolute;
      margin: 0 auto;
      -webkit-transform-style: preserve-3d; 
	  transform-style:preserve-3d;
    }
	#container {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 8;
	}

    .space {
      position: absolute;
	  height: 648px;
	  width: 1404px;
      -webkit-box-sizing: border-box;
	  -moz-box-sizing:border-box;
      font-size: 20px;
      color: black;
	  opacity : 1;
	  -webkit-box-shadow: 0px 40px 50px rgba(0, 0, 0, 0.2);
	  box-shadow: 0px 40px 50px rgba(0, 0, 0, 0.2);
    }

	.space img{
	overflow: hidden;
	-webkit-filter:contrast(100%);
	}
	.space img:hover {
    }
	.space img:active {
    }
ul.tagbox {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	position: absolute;
	z-index: 10;
	height: 100%;
	width: 100%;
	-webkit-transition: opacity 0.1s ease-in;
}

ul.tagbox > li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	cursor:pointer;
	position: absolute;
	overflow: hidden;
	cursor: pointer;
	height: 216px;
	width: 351px;
	background-repeat: no-repeat;
	background-size: 351px 216px;
}
.space .loading {
	-webkit-box-sizing: border-box;
	position: absolute;
	z-index: 13;
	height: 648px;
	width: 1404px;
	background-color: rgba(0, 0, 0, 0.5);
	text-align: center;
	margin: 0px;
	padding: 308px 0px 0px 0px;
}
ul.tagbox > li:hover {
	position: relative;
}
ul.tagbox > li:active { -webkit-transform: scale(1);  box-shadow: 0 0px 12px rgba(0,0,0,.5); -webkit-box-shadow: 0 0px 12px rgba(0,0,0,.5);  position: relative;}
ul.tagbox > li.move{
	-webkit-box-shadow: 0 0px 12px rgba(0,0,0,.5);
	-moz-box-shadow: 0 0px 12px rgba(0,0,0,.5);
	
}

ul.tagbox > li > div.infotext{
	background-color: rgba(0, 0, 0, 0.2);
	height: 46px;
	float: left;
	position: absolute;
	padding: 0px;
	color: #FFF;
	overflow: hidden;
	opacity : 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 351px;
	-webkit-transition: bottom 150ms 160ms;
}
div.infotext h2{
	font-size: 28px;
	line-height: 34px;
	font-weight: normal;
	float: left;
	height: 38px;
	padding: 0px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	margin: 6px -100px 0px 6px;
	text-align: center;
	width: 351px;
}


ul.tagbox > li > div.mask{
	background-color: rgba(0, 0, 0, 0.8);
	float: left;
	position: absolute;
	padding: 10px;
	color: #FFF;
	overflow: hidden;
	width: 351px;
}
ul.tagbox > li > div.newimg{
	position: absolute;
	color: #FFF;
	overflow: hidden;
}
ul.tagbox > li > div.mask > p {
	height: 20px;
	width: 240px;
	margin-right: auto;
	margin-left: auto;
	font-size: 12px;
	text-align: center;
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 0px;
	color: #ddd;
}
/**主体 END****************************************************************************/
/**菜单****************************************************************************/
.menu {
	background: white;
	color: #333;
	cursor: default;
	left: 0;
	margin: 0;
	border: 1px solid rgba(0, 0, 0, 0.2);
	padding: 8px 2px;
	position: fixed;
	white-space: nowrap;
	z-index: 1000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing:border-box;
	font-size: 12px;
}

.menu > * {
  box-sizing: border-box;
  display: block;
  margin: 0;
  width: 100%;
  text-align: start;
}

.menu > button {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  border: 1px solid #fff;
  font: inherit;
  line-height: 18px;
  overflow: hidden;
  padding: 2px 25px;
  text-overflow: ellipsis;
}

.menu  button:hover {
  border:1px solid #54c11a;
   background:#54c11a;									
	color: #FFF;
}

.menu > hr {
  background: -webkit-linear-gradient(left,
                                      rgba(0, 0, 0, .10),
                                      rgba(0, 0, 0, .02) 96%);
  background: -moz-linear-gradient(left,
                                      rgba(0, 0, 0, .10),
                                      rgba(0, 0, 0, .02) 96%);
  border: 0;
  height: 1px;
  width:130px;
  margin: 5px 0;
}
/**菜单 END****************************************************************************/
/**设置****************************************************************************/
.setupbtn {
    background: url(../images/bg.png) rgba(240,240,240,0.8) no-repeat -240px -0px;
    text-align: left;
	text-indent: 28px;
    font-size: 12px;
    color: #6e6e6e;
    height: 25px;
	padding-right: 8px;
    border: 1px solid #B4B4B4;
    position: absolute;
    z-index: 50;
    top: 15px;
    right: 15px;
    line-height: 24px;
    cursor: pointer;
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}
.setupbtn:hover{
    color:#00A0E9; 
}
#defaultdata{
	background: #269FCF;
	color: #FFF;
	height: 25px;
	line-height: 25px;
	padding: 0 10px;
	border-radius: 5px;
}
#defaultdata:hover{
	background:#38C6EA;
}
.setuppage {
	height: 370px;
	width: 342px;
	border: 1px solid #B4B4B4;
	position: absolute;
	top: 52px;
	right: 20px;
    font-family: "微软雅黑";
    font-size: 12px;
	-webkit-box-shadow: 0px 5px 5px  rgba(0, 0, 0, 0.2);
	box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);
	background-color: #f9f9f9;
	z-index:120;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
    padding: 10px;
    padding-right: 0;
}
.setuppage .uparrow{
	background-image: url(../images/bg.png);
	background-repeat: no-repeat;
	float: right;
	height: 9px;
	width: 15px;
	margin-top: -19px;
	background-position: -180px -129px;
	margin-right: 20px;
}
.setuppage .set_title{
    color:#4b4b4b;
    font-weight: bold;
}
.setuppage .param-set-r{
    /*margin-left: 37px;*/
    float:right;
    width:160px;
}
.setuppage .param-set-l{
    /*margin-left: 37px;*/
    float:left;
    width:160px;
}
.setuppage .imgbgbox{
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	border: 2px solid #F9F9F9;
	height: 55px;
	width: 95px;
	cursor:pointer;
}
.setuppage .imgbgbox:hover, .setuppage  .checked{
	border: 2px solid #47BF00;
}
.imgbgbox img{
    width:95px;
    height:55px;
}
.setuppage .bgimglist{
	height:138px;
}
.setuppage .add-file-box{
    margin-top: 10px;
    border: 2px solid #F9F9F9;
    height: 55px;
    width: 95px;
    background: #eaeaea;
}
.add-file-box:hover{
    border-color:#47BF00 ;
}
.add-file-box:hover .add-file{
    color:#F28900;
}
.setuppage input[type="file"] {
    position: relative;
    z-index: 2;
    height: 55px;
    width: 95px;
    opacity: 0;
    cursor: pointer;
}
.setuppage .add-file{
    height: 48px;
    width: 90px;
    position: absolute;
    left: 33px;
    top: -5px;
    color:#7a7a7a;
    font-size:36px;
    font-weight: bold;
}
.param-set{
	display:block;
	height:60px;
	overflow:visible;	
}
.param-set .set_title{
    margin-top: 10px;
}



.setuppage .searchbox{
	line-height: 16px;
	float: left;
	height: 16px;
	width: 180px;
	padding:0;
	margin: 6px 0px 0 0;
	color: #666;
    font-size: 12px;
}
.setuppage input {
	margin-right:8px;
}
.setuppage > hr {
  background: -webkit-linear-gradient(left,
                                      rgba(0, 0, 0, .10),
                                      rgba(0, 0, 0, .02) 96%);
  background: -moz-linear-gradient(left,
                                      rgba(0, 0, 0, .10),
                                      rgba(0, 0, 0, .02) 96%);
  border: 0;
  height: 1px;
  width:330px;
  margin: 20px 0;
}
.boxopacity-set{
    margin-top: 10px;
}
.boxopacity-set .sliderarea {
	height:5px;
    width: 270px;
}
.boxopacity-set .sliderBG {
	display:block;
    border: 1px solid #959595;
    background-color: #e6e6e6;
    border-radius: 15px;
    height:5px;
    width: 270px;
    position: relative;
	margin-top:10px;
    
}

.boxopacity-set .slider-thumb{
	position:absolute;
	display:block;
    cursor:pointer;
    top: -6px;
	left:0px;
    height: 15px;
    width: 15px;
    background:#fafbff;
    border-radius: 15px;
    border:1px solid #949494;

}
.boxopacity-set .jquery-completed
{
	height: 3px;
    /*background-color: #7d9edb;*/
    top: 1px;
    left:1px;
    position: absolute;
	}
.setuppage .opacity-set{
    width:330px;
	height:20px;
    color:#4B4B4B;
    display:block;
}
.setuppage .opacity-tip{
	display:block;
	width:15px;
    margin: 0 6px;
    font-size: 18px;;
}
/**设置 END*************************************************************/
/*添加云网址************************************************************/
.cloud_mask {
	background: -webkit-radial-gradient(rgba(0, 0, 0, 0.1),
                                      rgba(0, 0, 0, 0.1) 20%,
                                      rgba(0, 0, 0, 1));
	
	background: -moz-radial-gradient(rgba(0, 0, 0, 0.1),
                                      rgba(0, 0, 0, 0.1) 20%,
                                      rgba(0, 0, 0, 1));
	
	overflow: auto;
	position: fixed;
	right: 0;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 200;
}
.recommendedsearch{
	position: absolute;
	z-index: 12;
	top:15px;
    right:31px;
	width:260px;
	height:25px;
	border:1px solid #c5c5c5;
	color:#a0a0a0;
	font-size:12px;
	padding:0px 5px 0px 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	;
}
.recommendedsearch .webkey{
	width:222px;
	height:21px;
	border:1px solid #fff;
	margin-top:2px;
}
.recommendedsearch input[type='submit']{
	display:block;
	float:right;
	cursor:pointer;
	height:25px;
	width:30px;
	border:0;
	color:#a0a0a0;
	font-size:12px;
	background: url(../images/bg.png) no-repeat -11px -183px
}
#adddialog{
	height: 436px;
	width: 750px;
    left: 50%;
    top:50%;
	position: absolute;
	-webkit-box-shadow:0px 0px 50px rgba(0, 0, 0, 0.5);
	z-index: 202;
	background: #f4f4f4;
}
#adddialog .subject-nav{
	height: 27px;
    color:#333333;
    font-size: 16px;
    margin: 16px 0 0px 4px;
    font-weight: normal;
}
#adddialog .close{
    height: 27px;
    width: 27px;
    cursor: pointer;
    background: url(../images/bg.png) no-repeat -13px -215px;
    position: absolute;
    z-index: 12;
    top: -14px;
    right: -10px;
}
#adddialog .close:hover{
    background-position: -13px -243px;
}
#adddialog .close:active{
    background-position: -13px -271px;
}


.dialog .addcloud{
	float: left;
	height: 100%;
	width: 100%;
	position: absolute;
	background-color: #FFF;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.dialog .addcloud .left{
	float: left;
	height: 500px;
	width: 150px;
	background-color: #f8f8f8;
	border-right: 1px solid #ccc;
}
.dialog .addcloud  .left  .hot{
	height: 35px;
	width: 100%;
	border-bottom: 1px solid #b8b8b8;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	text-align: left;
	background-image: -webkit-linear-gradient(top, #f0f0f0, #e1e1e1);
	background-image: -moz-linear-gradient(top, #f0f0f0, #e1e1e1);
	font-size: 16px;
	line-height: 35px;
	text-align:center;
	color: #656565;
}
.dialog .addcloud  .left  .diy{
	height: 35px;
	width: 100%;
	border-bottom: 1px solid #b8b8b8;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	text-align: left;
	background-image: -webkit-linear-gradient(top, #f0f0f0, #e1e1e1);
	background-image: -moz-linear-gradient(top, #f0f0f0, #e1e1e1);
	font-size: 16px;
	line-height: 35px;
	color: #656565;
	text-align:center;
	border-top: 1px solid #D1D1D1;
}

.dialog .addcloud .left ul.cloud_menu {
	float: left;
	height: auto;
	width: 141px;
	margin: 10px 0 4px;
	font-family: Verdana, Arial, "微软雅黑", "Microsoft YaHei", Helvetica, sans-serif;
}

.cloud_menu  li{
	font-size: 14px;
	line-height: 30px;
	color: #656565;
	float: left;
	height: 32px;
	width: 141px;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0px 0px 2px 4px;
	padding: 1px 1px 0px 1px;
}
.cloud_menu  .selected{
	background-image: -webkit-linear-gradient(top, #f0f0f0, #e1e1e1);
	background-image: -moz-linear-gradient(top, #f0f0f0, #e1e1e1);
	border: 1px solid #d7d7da;
	
	background: #eee;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}
.cloud_menu  li:hover{
	background-image: -webkit-linear-gradient(top, #fca513, #de6f00);
	background-image: -moz-linear-gradient(top, #fca513, #de6f00);
    border:1px solid #bd7d0f;
	background-color: #eee;
	padding: 0;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}
.cloud_menu  li:hover p{
	height: 30px;
	color: #FFF;
}
.cloud_menu  li  p {
	background-repeat: no-repeat;
	background-position: 25px center;
	-webkit-box-sizing: border-box;
	display: block;
	padding: 0px 0px 0px  35px;
	height: 30px;
	width: 100%;
	}
.dialog .addcloud .right{
	float: left;
	height: 420px;
	width: 590px;
	margin: 34px 0px 0px -0px;
}
.cloud_listbox{
	float: right;
	height: 460px;

}

.cloud_urllist{
	float: left;
	height: 430px;
	width: 590px;
    overflow-y: auto;
    overflow-x: hidden;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 5px  0px;
}
ul.cloud_urllist li{
	float: left;
	height: 78px;
	width: 130px;
	margin: 0px 0px 10px 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
}
.cloud_urllist li .imgboxs{
	float: left;
	height: 78px;
	width: 130px;
	-webkit-box-sizing: border-box;
	background-repeat: no-repeat;
	border: 1px solid #CCC;
	background-size: 100% 100%;
}

.cloud_urllist li .imgboxs-hover{
	border: 1px solid #ec8e17;
}
.cloud_urllist li .imgboxs .add{
	background: url(../images/bg.png) no-repeat -50px -220px;
	background-repeat: no-repeat;
	height: 45px;
	width: 45px;
	margin-top: -1px;
	margin-left: -1px;
}

ul.cloud_urllist li:hover .imgboxs{
    border-color: #999;
}
.urlbox{
	height: 320px;
	width: 608px;
	float: left;
	border: 1px solid #cdcdcd;
	margin: 20px 0 -140px 37px;
}
.urlboxscroll{
	height: 320px;
	width: 690px;
	float: left;
	overflow: hidden;
}
/*滚动条样式修改*/
.scroll-list::-webkit-scrollbar{
    width:8px;
    height:8px;
    cursor:pointer;
}

.scroll-list::-webkit-scrollbar-track {
    background:#F4F4F4;
}
.scroll-list::-webkit-scrollbar-thumb {
    background:#c1c1c1;
    border-radius:10px;
}
.urlbox ul.urllist{
	float: left;
	height: auto;
	width: 665px;
	list-style-type: none;
	padding: 0px;
	margin: 0px 0px 0px 5px;
}
.urlbox ul.urllist li{
	margin: 0px;
	float: left;
	height: 20px;
	width: 576px;
	padding: 0px 0px 0px 20px;
	text-align: left;
	font-size: 12px;
	line-height: 20px;
	background-repeat: no-repeat;
	background-size:16px 16px;
	background-position: 2px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
	color: #656565;
}
.urlbox ul.urllist li:hover{
	background-color: #eee;
}
.dialog .addcloud .right .addinput{
	height: 100px;
	width: 300px;
	padding: 0px;
	float: left;
	margin: 20px 0px 0px 5px;
}
.fl{float:left}
.fr{float:right}
.newweb{
	width:580px;
	height:480px;
	overflow:hidden;
}
.newweb .text{
	width:420px;	
}
.newweb .logo{
	position:relative;
	width:160px;	
}
.newweb .logo .logolist{
	position:absolute;
	display:none;
	top:88px;
	left:0px;
	width:155px;
	height:300px;
	overflow-y:scroll;
	border:1px solid #ccc;
}
.newweb .logo .logolist li{
	width:130px;
	height:78px;	
	margin-bottom:5px;
	cursor:pointer;
}
.newweb .logo .logolist li img{
	margin:2px 0px 0px 2px;
	width:130px;
	height:78px;
	
}
.scroll_logolist::-webkit-scrollbar{
    width:8px;
    height:8px;
    cursor:pointer;
}

.scroll_logolist::-webkit-scrollbar-track {
    background:#F4F4F4;
}
.scroll_logolist::-webkit-scrollbar-thumb {
    background:#c1c1c1;
    border-radius:10px;
}

.dialog .addcloud .right .addinput .newweblogo{
	position:relative;
	width:155px;
	height:83px;
	 border:1px solid #ccc;
	 border-radius:5px;
	 margin-bottom:30px;
}
.newweblogo .arrow{
	position:absolute;
	right:0px;
	top:0px;
	width:20px;
	height:78px;
	cursor:pointer;
	
}
.newweblogo #websitelogo{
		margin-top:2px;
		margin-left:2px;
		width:130px;
		height:78px;
}
.newweblogo .arrow span{
	display:block;
	margin-top:40px;
	width:20px;
	height:20px;
	background:url(../images/bg.png) no-repeat -93px -220px;
}
.dialog .addcloud .right .addinput .p{
	height: 32px;
	width: 100%;
	margin-bottom: 10px;
	}
.dialog .addcloud .right .addinput .p .l1{
	font-size: 14px;
	line-height: 32px;
	color: #656565;
	text-align: right;
	float: left;
	height: 32px;
	width: 92px;
	margin-top:7px;
}
.dialog .addcloud .right .addinput .p .l2{
	float: left;
	height: 32px;
	width: auto;
}
.addinput .p .l2 input[type=text]{
	margin-top:7px;
	font-size: 14px;
	height: 20px;
	width: 300px;
	border: 1px solid #C8C8C8;
	background-color: #FFF;
	font-family: Arial, "微软雅黑", "Microsoft YaHei", Verdana, Helvetica, sans-serif;
	color: #555;
	line-height: 16px;
	padding: 3px 7px;
	margin-bottom: 10px;
	margin-left: 3px;
}
.add-btn		{
	-webkit-box-shadow: 0px 0px 5px rgba(208,158,100,0.2);
	box-shadow: 0px 0px 5px rgba(208,158,100,0.2);
	color: #b8630e;
	background-image: -webkit-linear-gradient(top, #ffe0ac, #ebba6d);
	background-image: -moz-linear-gradient(top, #ffe0ac, #ebba6d);
	border: 1px solid rgb(208,158,100);
	margin-left: 12px;
	font-size: 14px;
	font-weight: bold;
	width:60px;
	text-align:center;
	border-radius:5px;
	cursor:pointer;
}
.add-btn:hover{
	background-image: -webkit-linear-gradient(top, #fba212, #de7000);
	background-image: -moz-linear-gradient(top, #fba212, #de7000);
	border: 1px solid #D1702E;
	color: #FFF;
	-webkit-box-shadow: 0px 0px 0px rgba(208,158,100,0);
	box-shadow: 0px 0px 0px rgba(208,158,100,0);
}

.websiteloading{
	position:absolute; bottom:3px; height:20px; width:580px; text-align:center; display:none;	
}
/**添加云网址 END*************************************************************/
/*提示框************************************************************/
.confirm{
	height: 100%;
	width: 100%;
	background-color: #f8f8f8;
	border: 1px solid rgba(0, 0, 0, 0.5);
	text-align: left;
	color: #555;
}
.confirm .btn{
	margin: 0px 10px;
}
.confirm div.top{
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
	height: 36px;
	width: 100%;
	font-size: 16px;
	line-height: 36px;
	color: #333;
	text-align: left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid #aaa;
	margin-bottom: 16px;
	font-weight: normal;
	float: left;
	padding: 0px 0px 0px 20px;
}
.confirm .span{
	font-size: 16px;
	line-height: 42px;
	font-weight: bold;
	height: 42px;
	width: 100%;
	float: left;
	text-align: center;
}
.confirm .p {
	margin: 0px;
	padding: 20px;
	width: 100%;
	float: left;
	height: auto;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.btn {
    display: inline-block;
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    font-weight:normal;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
    border:1px solid #aaa;
    -webkit-border-radius: 5px;
	border-radius: 5px;
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
    margin-right: 18px;
    margin-left: 18px;
    padding: 8px 20px 8px 20px;
    color: #666;
    font-size: 14px;
    cursor:pointer;
    line-height: 1em;
}

.btn:hover{
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
}
.btn:active{
	background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
	background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
}
/*提示框 END************************************************************/
/*天气***********************************************************/
._weatherbtn{ cursor:pointer;
	position:absolute; z-index:50; width:120px; height:42px; overflow:visible; border: 1px solid #B4B4B4;
	left:15px; top:15px; line-height:25px;
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}
._weatherbtn .img{ position:absolute; top:-2px;left:2px;height:100%}
._weatherbtn .img img{
	width:38px; height:30px;	
}
._weatherbtn .num{margin-left:45px;width:60px;font-size:15px; text-align:center;height:20px}
._weatherbtn .detail{ margin-left:15px;width:100px; overflow:visible; text-align:center;height:100%}
._weatherbtn .loading{ line-height:16px; text-align:center;margin-top:3px;}
._weatherbtn .text{ text-align:center;}
._weatherbtn .weath{height:20px;}
._weatherbtn .lldata{text-align:center; height:20px;}
/*天气 END************************************************************/